<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>

<meta charset="UTF-8">
<!-- Favicons -->
<link th:href="@{/libs/niceadmin/assets/img/favicon.png}" rel="icon">
<link th:href="@{/libs/niceadmin/assets/img/apple-touch-icon.png}"
	rel="apple-touch-icon">

<!-- Google Fonts -->



<!-- Vendor CSS Files -->
<link
	th:href="@{/libs/niceadmin/assets/vendor/bootstrap/css/bootstrap.min.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/bootstrap-icons/bootstrap-icons.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/boxicons/css/boxicons.min.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.snow.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.bubble.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/remixicon/remixicon.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/simple-datatables/style.css}"
	rel="stylesheet">

<!-- Template Main CSS File -->
<link th:href="@{/libs/niceadmin/assets/css/style.css}" rel="stylesheet">

<!--外部引入-->
<link rel="stylesheet"
	th:href="@{/libs/bootstrap/bootstrap4dist/css/bootstrap.css}">
<link rel="stylesheet" th:href="@{/css/student/mainpage.css}">
<link rel="stylesheet"
	th:href="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.css}">

<title>apache网页练习</title>
<!-- Apache ECharts -->

<!-- css样式 -->
<style>
* {
	margin: 0;
	padding: 0;
}

#chart-container {
	position: relative;
	width: 600px; height : 900px;
	overflow: hidden;

}

#zx {
	position: relative;
	width: 600px;
	height: 400px;
	overflow: hidden;
}
</style>

</head>
<body>
	<!-- ======= Header ======= -->
	<div th:replace="public/main :: header"></div>
	<!-- 引用的头 -->
	<!-- End Header -->

	<!-- ======= Sidebar ======= -->
	<aside id="sidebar" class="sidebar" th:fragment="aside">
		<ul class="sidebar-nav" id="sidebar-nav">

		</ul>
	</aside>
	<!-- End Sidebar-->  
	<main id="main" class="main">

		<div id="zhu" style="width: 600px; height: 400px;"></div>
		<!-- 柱状图 -->

	<div>
		<input id="addr" hidden th:value="${#httpServletRequest.getScheme()+'://'+#httpServletRequest.getServerName()+':'+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()} " />
		<!-- 获取到controller路径 -->
	</div>

		<div id="chart-container"></div>
		<!-- 饼状图 -->

		<div id="zx"></div>
		<!-- 折线图 -->
	</main>
	<!-- ======= Footer ======= -->
	<div th:replace="public/main :: footer"></div>
	<!-- End Footer -->

	<a th:href="@{/libs/niceadmin/#}"
		class="back-to-top d-flex align-items-center justify-content-center"><i
		class="bi bi-arrow-up-short"></i></a>


	<script
		th:src="@{/libs/niceadmin/assets/vendor/apexcharts/apexcharts.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
	<script th:src="@{/libs/niceadmin/assets/vendor/chart.js/chart.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/echarts/echarts.min.js}"></script>
	<script th:src="@{/libs/niceadmin/assets/vendor/quill/quill.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/simple-datatables/simple-datatables.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/tinymce/tinymce.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/php-email-form/validate.js}"></script>

	<!-- Template Main JS File -->
	<script th:src="@{/libs/niceadmin/assets/js/main.js}"></script>



	<!--外部引入-->
	<script th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
	<script th:src="@{/libs/bootstrap/bootstrap4dist/js/bootstrap.js}"></script>
	<script
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.js}"></script>
	<script 
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_locale_bootstrap-table-zh-CN.min.js}"></script>
	<script th:src="@{/js/public/Menu.js}"></script>
	<script th:src="@{/js/apache/echarts.min.js}"></script>
	<script th:src="@{/js/apache/echarts2.js}"></script>
	
</body>
</html>